*{
	margin: 0px;
	padding: 0px;
}

a{
	text-decoration: none;
	color:black;
}

li{
	list-style: none;
}

.container{
	width: 100%;
	min-width: 1366px;
	margin-left: 80px;


}
.container:after{
	display: block;
	content: "";
	clear: both;
}

.container .head{
	width: 100%;
	background-color: #F3F3F3;
}

/*通过伪元素 .head::after 来清除浮动，确保 .head 元素能够正确地包含其内部的浮动子元素，
避免高度塌陷的问题。*/
.head::after{
	display: block;
	content: "";
	clear: both;
}
.head>div{
	float: left;
}

.head .left{
	width: 20%;
}
.head .right{
	width: 80%;
}

.head .right>ul>li{
	float: left;
	width: 75px;
	line-height: 46px;
	text-align: center;
}

.container .content{
	width: 100%;
	height: 100px;
}
.content>div{
	float: left;
}

/*清除浮动造成的高度塌陷*/
.content::after{
	display: block;
	content: "";
	clear: both;
}

.container .content .left{
	width: 20%;
	height: 100px;
	text-align: left;
}

.container .content .right{
	width: 80%;
	margin-left: 60px;
	margin-top: -80px;

}
.content .right .area .clearfix>li{
	float: left;
	/*每一行占三张图*/
	width: 33%;
height: 300px;
	/*上下边距15px*/
	margin: 15px 0px;
	text-align: center;
}

.area{
	margin-left: 150px;

}

.item{
	padding: 20px;
}

span{
	color: red;
}
.myA{
	width: 200px;
	height: 120px;
	display: inline-block;
}

/* 新增的CSS规则 */
.cityname:hover {
	background-color:  skyblue;
}

